<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>详情页</title>
    <link rel="stylesheet" href="xiushi/shou.css">
    <link rel="stylesheet" href="xiushi/liebiao.css">
    <link rel="stylesheet" href="css/iconfont.css">
    <link rel="stylesheet" href="css/iconfont1.css">
    <link rel="stylesheet" href="css/bootstrap.css">
    <link rel="stylesheet" href="xiushi/xiangqing.css">
    <script src="js/jquery.js"></script>
    <!-- <script src="js/shou.js"></script> -->
    <script src="js/liebiao.js"></script>
    <script src="js/xiangqing.js"></script>
    <style>
        #zoomBox img {
            display: block;
            border: none;
        }

        #zoomBox {
            position: relative;
            width: 400px;
            border: 1px solid #cecece;
        }

        #midArea {
            width: 400px;
            height: 400px;
        }

        #midArea img {
            width: 400px;
            height: 400px;
        }

        #zoom {
            display: none;
            position: absolute;
            width: 200px;
            height: 200px;
            background-color: yellow;
            opacity: 0.3;
            cursor: move;
        }

        #bigArea {
            display: none;
            position: absolute;
            left: 455px;
            top: -1px;
            width: 400px;
            height: 400px;
            /* border: 1px solid #cecece; */
            overflow: hidden;
        }

        #bigArea img {
            position: absolute;
            width: 800px;
            height: 800px;
            z-index: 333;
        }

        #smallArea {
            /* border-top: 1px solid #cecece; */
            padding: 10px;
            height: 50px;
            height: 80px;
            padding-left: 120px;
        }

        #smallArea img {
            float: left;
            width: 50px;
            height: 50px;
            margin: 0 10px;
        }
    </style>
</head>

<body>
    <div id="tou">
        <div id="tou1">
            <p id="p1">
                <a href="index.html">E宠首页</a>
            </p>
            <p id="p2">
                送至:
            </p>
            <p id="p3">
                <a href="">E宠就是正品</a>
            </p>
            <ul id="ul1">
                <li><a href="#" id="denglu">[登录]</a></li>
                <li><a href="#" id="zhuce">[注册]</a></li>
                <li class="iconfont icon-gouwuche-tianchong"><a href="gouwuche.html">购物车</a></li>
                <li class="iconfont icon-rentou"><a href="">我的E宠</a>
                    <ul>
                        <li>我的订单</li>
                        <li>退换货记录</li>
                        <li>我的优惠券</li>
                        <li>我的余额</li>

                    </ul>
                </li>
                <li class="iconfont icon-shoucang"><a href="">收藏</a></li>
                <li class="iconfont icon-shouji"><a href="">手机版</a>
                    <img src="https://static.epetbar.com/static_web/pc/src/images/background/code.png" alt="">
                </li>
                <li><a href="">问题反馈</a></li>
            </ul>
        </div>
    </div>


    <div id="xin">
        <div id="xin1">
            <a href="index.html">
                <div id="xin2">
                </div>
            </a>
            <div id="xin3">
                <div class="row">
                    <div class="col-lg-12">
                        <div class="input-group">
                            <input type="text" class="form-control" placeholder="渴望">
                            <span class="input-group-btn an">
                                <button class="btn btn-default" type="button">搜索</button>
                            </span>
                        </div><!-- /input-group -->
                    </div><!-- /.col-lg-6 -->
                </div><!-- /.row -->
                <div id="xin4">
                    <span>热门推荐：</span>
                    <a href="">周期配送&nbsp;|</a>
                    <a href="">领渴望150元大额券&nbsp;|</a>
                    <a href="">希宝&nbsp;|</a>
                    <a href="">希宝补水汤罐低至5.4折&nbsp;|</a>
                </div>
            </div>
            <div id="xin5">
                <a href="">购物车()</a>
            </div>
            <div id="xin6">
                <span class="iconfont icon-shuangxiangxiajiantou">猫猫</span>
                <span class="iconfont icon-a-iconxialacaidanxiangxiajiantou-dahei4x">商品分类</span>
                <span>
                    <p class="iconfont icon-yugutou"></p>
                    <a href="" class="dong">品牌特卖</a>
                </span>
                <span>
                    <p class="iconfont icon-yugutou"></p>
                    <a href="" class="dong">潮品视频</a>
                </span>
                <span>
                    <p class="iconfont icon-yugutou"></p>
                    <a href="" class="dong">小剧场</a>
                </span>
                <span>
                    <p class="iconfont icon-yugutou"></p>
                    <a href="" class="dong">E宠课堂</a>
                </span>
                <span>
                    <p class="iconfont icon-yugutou"></p>
                    <a href="" class="dong">萌爪联盟</a>
                </span>
                <span>
                    <p class="iconfont icon-yugutou"></p>
                    <a href="" class="dong">清仓特价</a>
                </span>


                <!--<a href="" class="iconfont icon-yugutou"></a>
                <a href="" class="iconfont icon-yugutou"></a>
                <a href="" class="iconfont icon-yugutou"></a>
                <a href="" class="iconfont icon-yugutou"></a> -->
            </div>
        </div>
    </div>


    <div id="xiang">



        <div id="xiang1">
            <div id="damao">
                <div id="gou">
                    <p></p>
                    <span><i href="">4353</i>种精选宝贝</span>
                    <a href="">切换到狗狗站</a>
                    <img src="https://static.epetbar.com/static_web/pc/src/images/background/dogpack.jpg" alt="">
                </div>

                <div id="mao">
                    <p></p>
                    <span><i href="">4353</i>种精选宝贝</span>
                    <a href="">切换到猫猫站</a>
                    <img src="http://static.epetbar.com/static_web/pc/src/images/background/catpack.jpg" alt="">
                </div>
            </div>

            <div id="zuo1">
                <ul>
                    <li><a href="">主粮</a></li>
                    <li><a href="">零食</a></li>
                    <li><a href="">清洁</a></li>
                    <li><a href="">生活</a></li>
                    <li><a href="">保健</a></li>
                    <li><a href="">护理</a></li>
                    <li><a href="">玩具</a></li>
                    <li><a href="">洗浴</a></li>
                    <li><a href="">装扮</a></li>
                    <li><a href="">出行</a></li>
                </ul>
            </div>

            <div id="zuo2">
                <ul class="zuo4">
                    <li>
                        <p>精美猫粮</p>
                        <div class="zuo3">
                            <img src="https://img2.epetbar.com/common/upload/commonfile/2020/04/010/094501_728288.jpg@!50w-c"
                                alt="">
                        </div>
                    </li>
                    <li>
                        <ul class="zuo5">
                            <li>
                                <p>进口猫粮</p>
                                <div class="zuo6">
                                    <img src="https://img2.epetbar.com/common/upload/commonfile/2020/04/010/094204_16060.jpg@!50w-c"
                                        alt="">
                                </div>
                            </li>
                            <li>老年猫</li>
                            <li>成猫</li>
                            <li>幼猫</li>
                            <li>全猫</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="zuo7">
                            <li>
                                <p>冻干猫粮</p>
                                <div class="zuo8">
                                    <img src="https://img2.epetbar.com/common/upload/commonfile/2020/04/010/094618_865459.jpg@!50w-c"
                                        alt="">
                                </div>
                            </li>
                            <li>奶猫</li>
                            <li>幼猫</li>
                            <li>成猫</li>
                            <li>全年龄猫</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="zuo7">
                            <li>
                                <p>国产猫粮</p>
                                <div class="zuo8">
                                    <img src="https://img2.epetbar.com/common/upload/commonfile/2021/12/02/122320_870614.png@!50w-c"
                                        alt="">
                                </div>
                            </li>
                        </ul>
                    </li>
                    <li>
                        <ul class="zuo7">
                            <li>
                                <p>功能猫粮</p>
                                <div class="zuo8">
                                    <img src="https://img2.epetbar.com/common/upload/commonfile/2020/04/010/094539_290728.jpg@!50w-c"
                                        alt="">
                                </div>
                            </li>
                            <li>肠胃</li>
                            <li>泌尿</li>
                            <li>肥胖</li>
                            <li>毛球</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="zuo7">
                            <li>
                                <p>主食罐</p>
                                <div class="zuo8">
                                    <img src="https://img2.epetbar.com/common/upload/commonfile/2021/03/010/0102134_806036.jpg@!50w-c"
                                        alt="">
                                </div>
                            </li>
                            <li>美罐</li>
                            <li>德罐</li>
                            <li>其他</li>
                        </ul>
                    </li>
                    <li>
                        <ul class="zuo7">
                            <li>
                                <p>罐头湿粮</p>
                                <div class="zuo8">
                                    <img src="https://img2.epetbar.com/common/upload/commonfile/2020/04/010/093140_11505.jpg@!50w-c"
                                        alt="">
                                </div>
                            </li>

                            <li>啫喱罐</li>
                            <li>汤汁补水</li>
                            <li>慕斯罐</li>
                            <li>妙鲜包</li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>


        <div id="xiang2">
            <!-- <div id="xiangzuo">
                <div id="zoomBox">
                    <div id="midArea">
                        <img src="../img/04.jpg" />
                        <div id="zoom"></div>
                    </div>
                    <div id="bigArea">
                        <img src="../img/04.jpg" />
                    </div>
                    <div id="smallArea">
                        <img src="../img/04.jpg" />
                        <img src="../img/05.jpg" />
                    </div>
                </div>
            </div>
            <div id="xiangyou">
                <p></p>
                <p></p>
                <p>活动价</p>
                <span>￥190.00</span>
                <span>￥230.00</span><br>
                <span id="jian">-</span>
                <input type="text" id="text" value="1">
                <span id="jia">+</span><br>
                <input type="button" value="加入购物车">
            </div>
        </div> -->
        </div>


    </div>

    <div id="foot">
        <div id="foot1">
            <ul>
                <li><a href="">正品保障</a></li>
                <li><a href="">品类丰富</a></li>
                <li><a href="">优质服务</a></li>
                <li><a href="">科学养宠</a></li>
                <li><a href="">E宠公益</a></li>
                <li><a href="">爱宠12年</a></li>
            </ul>
        </div>

        <div id="foot2">
            <img src="https://static.epetbar.com/www/newFooter/cat_phone.gif" alt="">
            <div id="foot3">
                <p>售后电话</p>
                <p>4008889200 <span>「免长途费」</span></p>
                <p>023-68851700</p>
                <p>服务时间：09：00--18:30(周一到周日)</p>
            </div>

            <div id="foot4">
                <p>购物指南</p>
                <a href="">新人优惠</a>
                <a href="">购物问题</a>
                <a href="">支付问题</a>

            </div>
            <div id="foot5">
                <p>售后服务</p>
                <a href="">退换货政策</a>
                <a href="">退款说明</a>
                <a href="">售后问题</a>

            </div>
            <div id="foot6">
                <p>扫描关注E宠</p>
                <p>下单更优惠</p>
                <img src="https://static.epetbar.com/www/images/dw2.png?v=10" alt="">
            </div>
            <div id="foot7">
                <p>扫描下载APP</p>
                <p>商城微信</p>
                <img src="https://static.epetbar.com/www/images/app-code.jpg?v=10" alt="">
            </div>
        </div>

        <div id="foot11">
            <div id="foot8">
                <ul>
                    <li><a href="">关于我们</a></li>
                    <li><a href="">E宠商城</a></li>
                    <li><a href=""><img
                                src="https://static.epetbar.com/static_web/pc/src/images/background/weibo_logo.png"
                                alt=""> E宠商城</a></li>
                    <li><a href=""><img
                                src="https://static.epetbar.com/static_web/pc/src/images/background/weixin_logo.png"
                                alt=""> E宠商城百家号</a></li>
                    <li><a href=""><img
                                src="https://static.epetbar.com/static_web/pc/src/images/background/baidu_log.png"
                                alt=""> E宠说</a></li>
                    <li><a href=""><img
                                src="https://static.epetbar.com/static_web/pc/src/images/background/toutiao_logo.png"
                                alt=""> E宠公益</a></li>
                    <li><a href="">联系我们</a></li>
                    <li><a href="">公司地址</a></li>
                    <li><a href="">应急响应</a></li>
                    <li><a href="">仓储中心</a></li>
                    <li><a href="">用户协议</a></li>
                    <li><a href="">易宠科技</a></li>
                </ul>

                <div id="foot9">
                    <img src="https://static.epetbar.com/www/newFooter/12315.png" alt="">
                    <img src="https://static.epetbar.com/www/newFooter/baiq.png" alt="">
                    <img src="https://static.epetbar.com/www/newFooter/wsls.png" alt="">
                    <img src="https://static.epetbar.com/www/newFooter/sfqy.png" alt="">
                    <img src="https://static.epetbar.com/www/newFooter/yxqy.png" alt="">
                    <img src="https://static.epetbar.com/www/newFooter/bhdw.png" alt="">
                    <img src="https://static.epetbar.com/www/newFooter/sjws.png" alt="">
                </div>

                <div id="foot10">
                    <a href="">渝ICP备10002905号-1</a>
                    <a href="">渝ICP备10002905号-3</a>
                    <a href="">营业执照</a>
                    <a href="">兽药经营许可证</a>
                    　<span>增值电信业务经营许可证：渝B2-20140042 Copyright © 2007-2021 epet.com 　重庆易宠科技有限公司</span>
                </div>
            </div>
        </div>

    </div>


    <div id="ce">
        <div id="ce1">
            <div id="ce2">

            </div>
        </div>
        <div id="ce3">
            <div id="ce4">

            </div>
            <a href="gouwuche.html">
                <p>购物车</p>
            </a>
        </div>
        <div id="ce5">
            <div id="ce6">

            </div>
            <p>在线客服</p>
        </div>
        <div id="ce7">
            <div id="ce8">

            </div>
        </div>
        <div id="ce9">
            <div id="ce10">

            </div>
        </div>
        <div id="ce11">
            <div id="ce12">

            </div>
        </div>
        <div id="ce13">
            <div id="ce14">

            </div>
        </div>
        <div id="ce15">
            <div id="ce16">

            </div>
        </div>
    </div>
</body>

</html>